import React from 'react';
import { createUseStyles } from 'react-jss';

const useStyles = createUseStyles({
  box: {
    backgroundColor: 'lightblue',
    width: '300px',
  },
  title: {
    fontSize: '20px',
    color: 'red',
    '&:hover': {
      color: 'green',
    },
  },
  list: {
    '& a': {
      fontSize: '16px',
      color: '#000',
    },
  },
});

export default function Testtfour() {
  const { box, title, list } = useStyles();
  return (
    <>
      <nav className={box}>
        <h2 className={title}>购物商城</h2>
        <div className={list}>
          <a href=''>首页</a>
          <a href=''>秒杀</a>
          <a href=''>我的</a>
        </div>
      </nav>
    </>
  );
}
